<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="/fore/common/header :: commonHead"></head>
<!--引入自己的CSS-->
<link th:href="@{/static/fore/css/blog.css}" rel="stylesheet">

<body>
<!--引入头部-->
<script language="javascript" type="text/javascript" th:src="@{/static/fore/js/header.js}"></script>

<div style="clear: both;"></div>
<!--中间的内容-->
<div id="content">
    <div id="category">
        <a href="?">全部</a>
        <template id="categoryInfo">
            <div class="categoryInfo">
                <a id="categoryName" href=""></a>
            </div>
        </template>
    </div>

    <div id="articleInfos">
        <template id="articleInfo">
            <div class="articleInfo" onclick="showArticle(this)">
                <div class="articlePicture">
                    <img src="">
                </div>
                <div class="articleTitle">
                    <h5 id="articleTitle"></h5>
                </div>
                <h6 style="display: none;"></h6>
            </div>
        </template>
    </div>
</div>
<!--引入尾部-->
<script language="javascript" type="text/javascript" th:src="@{/static/fore/js/footer.js}"></script>

</body>
<!--引入blog的相关js-->
<script language="javascript" type="text/javascript" th:src="@{/static/fore/js/blog.js}"></script>
<html th:include="/fore/common/footer :: commonFoot"></html>
</html>